<template>

<div>
  <title1 tit="办理续租"></title1>
    <!-- <van-card
  num="2"
  price="2.00"
  desc="商城"
  title="商品标题"
  thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
/> -->
<div class="div1">
      <img src="../../../assets/image/banner2.png" alt="" />
      <ul class="ul1">
        <li>东城区一按外3号</li>
        <li>1室一厅</li>
        <li>地铁一号线</li>
        <li class="li3">整租</li>
      </ul>
      <div class="jiage">4800/月</div>
    </div>
<div>
        <!-- 输入任意文本 -->
<van-field v-model="name" label="姓名" />
<!-- 输入手机号，调起手机号键盘 -->
<van-field v-model="tel" type="tel" label="手机号" />
<!-- 允许输入正整数，调起纯数字键盘 -->
<van-field v-model="digit" type="digit" label="居住房" />
<!-- 允许输入数字，调起带符号的纯数字键盘 -->
<van-field v-model="number" type="number" label="数字" />
<!-- 输入密码 -->
<van-field v-model="password" type="password" label="密码" />
</div>

</div>
  
</template>

<script>
import title1 from "../../../components/tit.vue";
export default {
    data() {
      return {
         tel: '',
          name: '',
          digit: '',
          number: '',
          password: '',
      }
    },
    components: {
    title1,
  },
  methods: {
    goback() {
      this.$router.replace({ name: "Mine" });
    },
  },
}
</script>

<style scoped lang='less'>
html {
    background-color: #ccc;
     .div1 {
    border: 1px solid #ccc;
    background-color: #fff;
    height: 250px;
    margin: 20px;
    border-radius: 5px;
    img {
      float: left;
      width: 290px;
      height: 196px;
      margin: 20px;
    }
    .ul1 {
      float: left;
      margin: 20px;

      li {
        margin-top: 10px;
        font-size: 11px;
      }
      .li3 {
        width: 72px;
        height: 32px;
        border: 1px solid #618698;
        text-align: center;
        border-radius: 8px;
        font-size: 11px;
      }
    }
    .jiage {
      float: right;
      margin-top: 180px;
      color: #ff5555;
      font-size: 26px;
      margin-right: 20px;
    }
  }
}
</style>